锘緻charset "utf-8";
/* Start CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend{
margin: 0;
padding: 0;
border: 0;
outline: 0;
/*font-size: 100%;
vertical-align: baseline;
background: transparent;*/
}
ul,li{ list-style:none; padding:0; margin:0}
mark, rp, rt, ruby, summary, time {display:inline}
nav a{text-decoration: none}
hr{background: #e0e0e0;height: 1px}
*, :before, :after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.lf {
float: left;
}
.rt {
float: right;
}
.scl {
-webkit-transform: scale(1.1);
transform: scale(1.1);
position: relative;
z-index: 2;
}
.scl .img-responsive {
opacity: 1!important;
}
.center {
margin: 0 auto;
}
.clear {
clear: both;
}
.zindex{
z-index:2;
background:#FFF;
width:100%;
overflow:hidden;
clear:both;
float:left;
position:relative;
}
input,button,textarea,select{
outline: none;
font-family:inherit;
border: none;
background: none;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}
select::-ms-expand { display: none;}
iframe{border: none;vertical-align: top;}
:before, :after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
em{font-style: normal;}
.clearfix:before,.clearfix:after,
.container:before,.container:after,
.container-middle:before,.container-middle:after{
content: " ";display: table;
}
.clearfix:after,.container:after,.container-middle:after{
clear: both;
}
.pull-left{float: left;}
.pull-right{float: right;}
.dis-table{display: table;width: 100%;height: 100%;}
.dis-cell{display: table-cell;vertical-align: middle;}
.text-align{text-align: center;}
.section{width: 100%;overflow: hidden;}
.out{overflow-y: auto;padding-right: 5px;}
.out::-webkit-scrollbar {
width: 3px;
background-color: #fff;
}
.out::-webkit-scrollbar-thumb {
background-color:#ec1b24;
border-radius: 10px;
}
.img-responsive {
width: 100%;
height: auto;
}
html,
button,
select,
textarea {
font-family:'寰蒋闆呴粦';
}
body{
margin: 0 auto;
color:#424242;
background: #FFF;
min-width: 1200px;
line-height:200%;
font-size:15px;
}
a {
color: #424242;
text-decoration:none;
}
a:focus {
outline: thin dotted;
}
a:active,
a:hover {
outline: 0;
text-decoration:none;
}
.fl{ float:left;}
.fr{ float:right;}
.mt50{
margin-top:50px;
}
.pagination {
margin: 0px auto 5px auto;
clear:both;
float:left;
width:100%;
/*background:#FFF;*/
height:40px;
}
.pagination ul {
width:100%;
display: inline-block;
*display: inline;
margin-bottom: 0;
/*margin-left: 0;*/
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
*zoom: 1;
text-align:center;
/*-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
box-shadow: 0 1px 2px rgba(0,0,0,0.05)*/
}
.pagination ul li {
display: inline-block;
border:#e0e0e0 1px solid;
background:#FFF;
padding:6px 16px;
margin:0 5px
}
.pagination ul li a{
display:block;
}
.pagination ul li.ctxt{
background:#0090FE!important;
border:#009393 1px solid;
color:#FFF;
}
.pagination ul li:hover{
border:#009393 1px solid;
color:#009393
}
.pagination ul li:hover a{
color:#009393
}
.pagination ul li.ctxt:hover{
color:#FFF!important
}
/*************鎶ご***********************/
.header{width:100%; background:#FFF}
#f1{
height:30px;
border-bottom:#E0E0E0 1px solid;
}
#f1 .wrapper{
text-align:right;
font-size:0;
}
#f1 a{
display:inline-block;
font-size:14px;
padding:0 10px;
}
#f1 a.ch{
border-left:#e0e0e0 1px solid;
}
#f1 a.ch span{
color:#e80d17;
}
#f1 a.en span{
color:#0a49fc;
}
#f1 a.jp span{
color:#069216;
}
#f1 a.zy,#f1 a.en{
border-left:#e0e0e0 1px solid;
border-right:#e0e0e0 1px solid;
}
.logo{
margin:35px 0 25px 0;
}
.head_tel{
margin-top:35px;
}
.head_tel input{
border:#e0e0e0 1px solid;
background:transparent;
width:200px;
height:31px;
line-height:31px;
padding-left:14px;
color:#AEAEAE;
font-size:12px;
outline:none;
}
/********************************************瀵艰埅鑿滃崟**********************************************/
.menu{
width:100%;
clear:both;
height:30px;
z-index:999;
margin-bottom:5px;
background:#FFF;
}
.nav {
clear:both;
text-align:left;
font-size:15px;
}
.nav li{
float:left;
text-align:left;
z-index:999;
height:30px;
line-height:30px;
margin-right:50px;
position:relative;
padding-right:15px;
background:url(../images/jiantou-hui.png) no-repeat right 13px;
background-size:10px 6px;
z-index:9;
text-transform:uppercase;
}
.nav li:hover{
background:url(../images/jiantou-lan.png) no-repeat right 13px;
background-size:10px 6px;
color:#0090FF;
}
.nav li:hover a{
color:#0090FF;
}
.nav li:first-child{
background:none;
padding-right:0;
}
.nav li a{
font-size:15px;
height:30px;
display:block;
color:#727171;
/*font-family:"寰蒋闆呴粦","榛戜綋";
font-weight:600;*/
}
.nav li .subnav{
width:200px;
background:#FFF;
clear:both;
display:block;
position:absolute;
padding:10px 15px;
box-shadow:0px 15px 12px -8px rgba(0,0,0,0.5);
top:40px;
opacity:0;
z-index:2;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
left:-15px;
}
.nav li:hover .subnav{
top:30px;
opacity:1;
}
.nav .subnav li{
float:left;
width:100%;
font-weight:normal;
background:none;
padding-right:0;
white-space:nowrap;
text-transform:capitalize!important;
}
.nav .subnav li a{
font-weight:normal;
color:#424242;
display:block;
font-size:14px;
}
.nav .subnav li:hover a{
color:#0090FF;
}
.nav .subnav li em{
float:right;
font-size:10px;
}
/********************************************banner杞挱css****************************************/
.slider_bg{
display:-webkit-flex;
display:flex;
justify-content:center;
position:relative;
z-index: 1;
clear:both;
}
.slider_bg img{width:100%;}
.pc_web{display:block;}
.m_web{display:none;}
.slider_bg .swiper-container {width: 100%;height:auto; display:flex;}
.slider_bg .swiper-slide{display:-webkit-box; display:-ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; color:#fff;}
.slider_bg .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-container .swiper-pagination-custom,.swiper-container .swiper-pagination-fraction{ bottom:30px; }
.slider_bg .swiper-pagination-bullet{border:#0090FF 1px solid; background:transparent; width:15px; height:15px; border-radius:100%; opacity:1;}
.slider_bg .swiper-pagination-bullet-active{background:#0090FF;opacity:1; width:15px;border-radius:15px;}
.slider_bg .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 8px;}
/*.slider_bg .swiper-button-next:after, .slider_bg .swiper-container-rtl .swiper-button-prev:after {color:#fff;}
.slider_bg .swiper-button-prev:after, .slider_bg .swiper-container-rtl .swiper-button-next:after {color:#fff;}*/
.pc_swiperimg{display:block;}
.m_swiperimg{display:none;}
@media screen and (max-width:1024px){
.pc_web{display: none;}
.m_web{display: block;}
.slider_bg .swiper-button-next,.slider_bg .swiper-button-prev{display:none;}
.slider_bg .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 4px; }
.slider_bg .swiper-pagination-bullet{width:30px; height:6px;}
.slider_bg .swiper-pagination-bullet-active{opacity:1;}
.slider_bg .swiper-pagination{ display:block; }
.slider_bg .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-container .swiper-pagination-custom,.swiper-container .swiper-pagination-fraction{ bottom:10px; }
}
/*************************************棣栭〉浜у搧***********************************************/
.title{
width:100%;
text-align:center;
}
.title h3{
width:100%;
font-size:28px;
float:left;
color:#333;
line-height:100%;
font-weight:normal;
marin-top:30px;
position:relative;
}
.title h3 i{
font-style:normal;
font-size:12px;
display:block;
color:#898989;
}
.title h3 span{
position:absolute;
display:block;
height:3px;
background:#2F2F2F;
width:58px;
left:50%;
margin-left:-28px;
margin-top:5px;
}
.index_pro{
float:left;
margin-top:63px;
/*height:400px;*/
overflow:hidden;
width:100%;
}
.index_pro ul{
width:100%;
overflow:hidden;
padding-top:60px;
}
.index_pro ul li{
width:calc(100% / 4);
float:left;
height:400px;
padding:0 20px;
text-align:center;
border-right:#eaeaea solid 1px;
position:relative;
}
.index_pro ul li img.pimg{width:100%;}
.index_pro ul li .ptit{
text-align:left;
margin-top:10px
}
.index_pro ul li .ptit a.pro_more{
display:inline-block;
float:right;
border:#D2D2D2 1px solid;
width:60px;
height:20px;
line-height:20px;
text-align:center;
color:#929292;
font-size:12px;
margin-top:3px;
font-family:arial;
}
.index_pro ul li .ptit a.pro_more:hover{
border:#0090FF 1px solid;
color:#0090FF;
}
.index_pro ul li .botline{
width:calc(100% - 40px);
height:8px;
background:#EEEEEE;
position:absolute;
left:20px;
bottom:0;
}
/*******鍒堕€犲疄鍔?********************/
.honor {
width:100%;
float:left;
clear:both;
background:#FFF;
padding:80px 0;
margin-top:50px;
}
.honor .title{
margin-bottom:120px;
}
.honor .con {
clear:both;
margin:0px auto 0 auto;
position:relative;
width:-moz-calc(90% + 100px);
width:-webkit-calc(90% + 100px);
width: calc(90% + 100px);
max-width: calc(1360px + 100px);
min-width: calc(1200px + 100px);
}
.honor .tempWrap{
overflow:hidden;
position:relative;
width:-moz-calc(100% - 100px);
width:-webkit-calc(100% - 100px);
width: calc(100% - 100px);
margin:0 auto;
}
.honor .con ul{
font-size:0;
padding:0;
margin:0 0 0 -25px;
}
.honor .con li {
display:inline-block;
width:25%;
padding-right:25px;
position:relative;
}
.honor .con li.last{
padding-right:0;
}
.honor .con li a {
display:block;
position:relative;
font-size:18px;
}
.honor .con li .s-img {
/*height:250px; */
text-align:center;
vertical-align: middle;
/*display: table-cell;*/
width:100%;
position:relative;
border-radius:12px;
overflow:hidden;
}
.honor .con li .s-img img {
display:inline-block;
vertical-align:middle;
width:100%;
max-height:100%;
transition: all linear 0.3s
}
.honor .con li:hover img{
-moz-transform:scale(1.2);
-webkit-transform: scale(1.2);
transform:scale(1.2);
}
.honor .con li .s-text{
background:#FFF;
width:100%;
height:260px;
padding:30px 20px;
overflow:hidden;
line-height:180%;
font-size:14px;
display:none;
}
.honor .con li .s-text p{
color:#999;
}
.honor .con li:hover .s-text h3{
color:#0047BA;
}
.honor .con li:hover .s-text p{
color:#777;
}
.honor .con a.prev {
outline:none;
position:absolute;
left:0px;
top:50%;
width:47px;
height:54px;
margin-top:-27px;
background:url(../images/left.png?v=2.0) no-repeat left center;
transition: all linear 0.3s
}
.honor .con a.prev:hover {
background:url(../images/left_on.png?v=2.0) no-repeat left;
}
.honor .con a.next {
outline:none;
position:absolute;
right:0px;
top:50%;
width:47px;
height:54px;
margin-top:-27px;
background:url(../images/right.png?v=2.0) no-repeat right center;
transition: all linear 0.3s
}
.honor .con a.next:hover {
background:url(../images/right_on.png?v=2.0) no-repeat right;
}
/************************************鏈嶅姟妗堜緥*******************************/
.case{ padding:60px 0; clear:both;}
.casecenter{ margin-top:120px;}
.casetab{ font-size:0; position:relative; margin:0 0 20px 0;}
.casetab>a{ position:absolute; right:0px; top:0px; margin:0 !important;}
.casetab a{ width:calc((100% - 60px) / 7); display:inline-block; line-height:50px; height:50px; margin:0 10px 0px 0; background:#E5E5E5; overflow:hidden; text-align:center; font-size:16px; color:#424242; transition:all .3s ease;}
.casetab a:nth-child(7n){ margin-right:0;}
.casetab a:hover,.casetab a.on{ background:#14468D; color:#FFF}
.casecon .divdgweb_new_div_item{height:390px; background:#f2f2f2;}
.casecon .news_div_item_pic{ width:600px; height:390px; float:left;}
.casecon .news_div_item_pic img{ width:100%; height:100%;}
.casecon .divdgweb_new_div_item_content{ float:right; width:calc(100% - 680px); padding:48px 50px 0 0;}
.casecon .divdgweb_new_div_item_a{ font-size:25px; color:#222222;}
.casecon .divdgweb_new_div_item_title span{ float:right; font-size:0;}
.casecon .divdgweb_new_div_item_title span em+em{ margin-left:1px;}
.casecon .divdgweb_new_div_item_title span em{ text-align:center; display:inline-block; width:83px; line-height:28px; font-size:16px; color:#fff; font-weight:lighter; background:#AAAAAA;}
.casecon .divdgweb_new_div_item_title span em:nth-child(odd){ background:#BFBFBF;}
.casecon .divdgweb_new_div_item_body{ padding:35px 0 30px 0; font-size:14px; color:#aaaaaa; line-height:30px;}
.casebtn a{ display:inline-block; width:182px; line-height:42px; border:1px solid #aeaeae; font-size:14px; color:#888888; text-align:center; transition:all .3s ease;}
.casebtn a+a{ margin-left:10px;}
.casebtn a:hover{ background:#006ac0; color:#fff; border-color:#006ac0;}
.casephone{ float:right; padding-left:35px; background:url(../images/tel.png) no-repeat left center; line-height:30px; margin:30px 0 0 0;}
.casephone span,.casephone a{ float:left;}
.casephone span{ font-size:25px; color:#006ac0; font-family:impact;}
.casephone a{ margin:0 0 0 17px; width:163px; background:#006ac0; font-size:16px; color:#fff; text-align:center;}
.casephone a:hover{ background:#00a6c0;}
/**妗堜緥璇︽儏椤?**/
.casetit{
width:100%;
overflow:hidden;
padding-top:20px;
font-size:20px;
float:left;
clear:both;
font-weight:bold;
}
.casetit span{ float:right; font-size:0;}
.casetit span em+em{ margin-left:1px;}
.casetit span em{ text-align:center; display:inline-block; width:83px; line-height:28px; font-size:16px; color:#fff; font-weight:lighter; background:#AAAAAA;}
.casetit span em:nth-child(odd){ background:#BFBFBF;}
.casedetails{
width:100%;
clear:both;
display:block;
margin-top:20px;
float:left;
}
/************************************鍚堜綔鍝佺墝*****************************/
.brand-booperation{
width:100%;
clear:both;
float:left;
padding:60px 0;
}
.brand-booperation ul{
padding-top:70px
}
.brand-booperation li{
float:left;
width:calc((100% - 100px) / 6);
margin-right:20px;
margin-bottom:20px;
background:#f0f0f0;
}
.brand-booperation li:nth-child(6n){
margin-right:0;
}
.brand-booperation li img{
display:block;
width:100%;
border:#f0f0f0 1px solid;
}
/***********************************鏂伴椈涓績*************************/
.index-news{
width:100%;
float:left;
clear:both;
background:#F8F8F8;
padding:80px 0;
}
.index-news.subnews{
background:#FFF;
}
.i-title{
border-bottom:#858585 1px solid;
position:relative;
font-size:24px;
padding-bottom:8px;
margin-bottom:20px;
}
.i-title span{
position:absolute;
display:block;
height:2px;
width:50px;
background:#2F2F2F;
bottom:0
}
.i-title i{
font-style:normal;
display:inline-block;
font-size:14px;
font-family:arial;
position:relative;
bottom:-3px;
color:#999;
margin-left:5px
}
.i-title a{
float:right;
font-size:16px;
position:relative;
bottom:-10px;
}
.index-news li{
float:left;
width:calc((100% - 80px) / 3);
margin-right:40px;
position:relative;
}
.index-news li .nimg{
height:250px;
overflow:hidden;
position:relative;
}
.index-news li .nimg img{
width:100%;
transition-duration: .5s;
-ms-transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
}
.index-news li:hover .nimg img{
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.index-news .ntext{
background:#FFF;
padding:25px;
overflow:hidden;
height:250px;
position:relative;
}
.index-news.subnews .ntext{
background:#f8f8f8;
}
.index-news.subnews li{
margin-bottom:35px;
transition: all linear 0.3s;
}
.index-news.subnews li:hover{
box-shadow: rgba(0,0,0,0.2) 0 8px 20px;
transform:translateY(-10px);
}
.index-news.subnews li:hover .ntext{
background:#FFF;
}
.index-news li:nth-child(3n){
margin-right:0;
}
.index-news li h3{
font-size:15px;
font-style:normal;
font-weight:600;
line-height:160%;
}
.index-news li h3{
color:#606060;
}
.index-news li a.nmore{
border:#e0e0e0 1px solid;
display:block;
text-align:center;
height:20px;
line-height:20px;
width:60px;
font-size:12px;
font-family:arial;
float:right;
position:absolute;
bottom:20px;
right:20px;
}
.index-news li a.nmore:hover{
border:#14468D 1px solid;
color:#14468D;
}
.index-news .ntext p{
font-size:13px;
line-height:170%;
color:#717171;
margin-top:10px;
}
.index-news .ntext span.date{
display:block;
position:absolute;
bottom:40px;
right:20px;
font-size:12px;
}
/****************椤佃剼****************************/
.footer{
width:100%;
clear:both;
float:left;
background:url(../images/bottombg.jpg) no-repeat bottom center #434343;
height:335px;
padding-top:45px;
}
.fmenu{
position:relative;
}
.fmenu .qrcode{
position:absolute;
right:0;
font-size:0;
text-align:right;
clear:both;
top:100px;
color:#FFF;
}
.fmenu .qrcode li:first-child{
display:inline-block;
}
.fmenu .qrcode li{
margin-left:42px;
font-size:12px;
color:#FFF;
display:inline-block;
width:100px;
text-align:center;
margin-right:0;
}
.fmenu .qrcode li img{
display:inline-block;
}
.fmenu .btel{
font-size:14px;
color:#FFF;
position:absolute;
top:60px;
right:0;
background:url(../images/btel.jpg) no-repeat left;
padding-left:30px;
}
.fmenu .btel.entel{
font-size:20px;
top:50px;
}
.fmenu li{
float:left;
margin-right:40px;
position:relative;
}
.fmenu.foen li{
text-transform:uppercase;
/*width:100px;
white-space:nowrap;*/
}
.fmenu.foen li .subnav2 li a{
font-size:12px;
text-transform:capitalize;
}
.fmenu li.navhome{
display:none
}
.fmenu li a{
color:#FFF;
/*font-weight:bold;*/
}
.fmenu li em{
display:none
}
.fmenu li .subnav2{
position:absolute;
clear:both;
padding-top:10px;
width:100%;
padding-right:20px;
padding:0;
}
.fmenu li .subnav2 ul{
width:100%;
}
.fmenu li .subnav2 li{
width:100%;
white-space: nowrap;
}
.fmenu li .subnav2 li a{
font-weight:normal;
font-size:14px;
}
.fmenu.foen .qrcode li{
margin-right:0;
}
.fmenu.foen>li:nth-child(2){
margin-right:60px;
}
.fmenu.foen>li:nth-child(3){
margin-right:82px;
}
.fmenu.foen>li:nth-child(4){
margin-right:32px;
}
.fmenu.foen>li:nth-child(5){
margin-right:50px;
}
.fmenu.foen>li:nth-child(6){
margin-right:82px;
}
.fmenu.foen>li:nth-child(7){
margin-right:70px;
}
.fmenu.foja>li:nth-child(2){
margin-right:50px;
}
.fmenu.foja>li:nth-child(3){
margin-right:52px;
}
.fmenu.foja>li:nth-child(4){
margin-right:50px;
}
.fmenu.foja>li:nth-child(5){
margin-right:70px;
}
.fmenu.foja>li:nth-child(6){
margin-right:95px;
}
.fmenu.foja>li:nth-child(7){
margin-right:53px;
}
.fmenu li:nth-child(5){
margin-right:70px;
}
.fmenu li:nth-child(6){
margin-right:70px;
}
.fmenu li:nth-child(8){
margin-right:0;
}
/***********鍐呴〉*******/
.lm-nav{
width:100%;
float:left;
clear:both;
background:#EFEFEF;
height:65px;
line-height:65px;
position:relative;
}
.lm-nav .left a{
display:inline-block;
padding:0 20px;
font-size:15px;
font-weight:bold;
position:relative;
z-index:9
}
.lm-nav.ent .left a{
font-size:13px;
padding:0 12px;
}
.lm-nav .left span{
border-color: #14468D #fff #fff #fff;
border-style: solid;
border-width: 12px 12px 0 12px;
height: 0;
width: 0;
position:absolute;
bottom:-12px;
left:50%;
margin-left:-12px;
display:none;
}
.lm-nav .left a.cur,.lm-nav .left a:hover{
background:#14468D;
color:#FFF
}
.lm-nav .left a.cur span,.lm-nav .left a:hover span{
display:block;
}
.bread-nav{
position:absolute;
top:0;
width:100%;
line-height:100%;
}
.bread-nav .right{
text-align:right;
padding-top:42px;
}
.bread-nav .right img{
position:relative;
top:-2px;
}
.subpage{
width:100%;
clear:both;
float:left;
padding-top:40px
}
/****************浜у搧椤?*******/
.top{
float:left;
clear:both;
margin-top:80px;
text-align:center;
width:100%;
margin-bottom:20px;
}
.top .title.wrapper{
clear:both;
margin:0 auto;
}
.top .title h3{
text-align:center;
width:100%;
color:#14468D;
}
.allpro{
width:100%;
float:left;
clear:both;
padding-top:40px
}
.allpro li{
float:left;
width:calc((100% - 72px) / 5);
margin-right:18px;
margin-bottom:40px;
text-align:center;
transition: all linear .3s
}
.allpro li:nth-child(5n){
margin-right:0;
}
.allpro li .mpic{
position:relative;
width:100%;
clear:both;
overflow:hidden;
}
.allpro li img{
width:100%;
display:block;
transition: all linear .3s
}
.allpro li:hover img{
-moz-transform:scale(1.05);
-webkit-transform: scale(1.05);
transform:scale(1.05);
}
.allpro li:hover {
box-shadow: 0 15px 15px rgba(0,0,0,.1);
transform: translateY(-10px);
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-o-transform: translateY(-10px)
}
.allpro li .mtxt{
height:40px;
line-height:40px;
}
.pro_rec_list{
width:100%;
float:left;
clear:both;
margin-top:40px;
}
.pro_rec_list h3.title{
width:100%;
border-bottom:#DCDCDC 1px solid;
text-align:left;
margin-bottom:20px;
clear:both;
color:#14468D;
position:relative;
padding-bottom:8px;
font-size:20px;
font-weight:normal;
}
.pro_rec_list h3.title a{
float:right;
font-weight:normal;
font-size:15px;
}
.pro_rec_list h3.title span{
display:block;
width:57px;
height:2px;
background:#2F2F2F;
bottom:0;
left:0;
position:absolute;
}
.pro_rec_list li{
float:left;
width:calc((100% - 9%) / 3);
margin-right:4.5%;
margin-bottom:20px;
}
.pro_rec_list li img{
width:100%;
display:block;
}
.pro_rec_list li:nth-child(3n){
margin-right:0;
}
.pro_rec_list li .mpic{
width:100%;
overflow:hidden;
position:relative;
}
.pro_rec_list li .mtxt{
clear:both;
width:100%;
font-size:16px;
line-height:40px;
text-align:center;
}
.content,.pro-details{
width:100%;
float:left;
clear:both;
}
.pro-details .neirong{
border-top:#dcdcdc 1px solid;
margin-top:40px;
padding-top:10px;
}
.pro-details .neirong .left{
float:left;
width:238px;
}
.pro-details .neirong .right{
float:right;
width:calc(100% - 280px);
font-size:16px;
color:#717171;
}
.pro-details .neirong .left .tit{
background:url(../images/left_top.jpg) no-repeat top center;
width:100%;
height:107px;
color:#FFF;
font-size:20px;
text-align:center;
padding-top:30px;
line-height:100%;
}
.pro-details .neirong .left .tit span{
display:block;
font-size:11px;
}
.pro-details .neirong .left .con{
width:100%;
border:#CDCDCD 1px solid;
border-top:0;
padding:18px 12px;
}
.pro-details .neirong .left .con ul{
border-top:#cdcdcd 1px dotted;
}
.pro-details .neirong .left .con ul li{
width:100%;
border-bottom:#cdcdcd 1px dotted;
line-height:50px;
text-overflow: ellipsis;
white-space: nowrap;
overflow:hidden;
}
.pro-details .neirong .left .con .tuijian-pro li{
border-bottom:#cdcdcd 1px dotted;
padding-bottom:10px;
text-align:center;
margin-top:12px;
text-overflow: ellipsis;
white-space: nowrap;
overflow:hidden;
width:100%;
}
.pro-details .neirong .left .con .tuijian-pro li p{
height:30px;
line-height:30px;
}
.pro-details .neirong .left .con .tuijian-pro li a{
color:#15458D
}
.pro-details .neirong .left .con img{
width:100%;
}
.pro-details .neirong .right .newstit{
font-size:20px;
text-align:center;
}
.pro-details .neirong .right .dateandtime{
font-size:15px;
text-align:center;
color:#9B9B9B;
margin-top:10px;
margin-bottom:30px;
}
.brt{
border:0!important;
}
.cp_jj {
/*overflow: hidden;*/
padding-top: 40px;
width:100%;
float:left;
clear:both;
}
.cp_jj .wrapper{
/*position:relative;
overflow:hidden;*/
clear:both;
/*float:left;
left:50%;
margin-left:-680px;*/
border:#e0e0e0 1px solid;
box-shadow: rgba(0,0,0,0.15) 0 5px 10px;
padding-bottom:40px;
padding-left:40px;
height:664px;
}
.cp_jj_left {
width: 450px;
margin: 0 auto;
text-align: center;
padding-top:20px;
}
.cp_jj_left #spec {
position: relative;
width: 100%;
height: 82px;
/*margin-left: 96px;*/
overflow: hidden;
/*padding-top: 6px;*/
}
.cp_jj_left #preview {
text-align: center;
margin: 20px auto 0;
width: 500px;
float: none;
}
.cp_jj_left .jqzoom {
width: 500px;
margin-bottom: 21px;
height: 500px;
overflow: hidden;
_height: 213px;
position: relative
}
.jiathis_style {
margin-left: 235px;
margin-top: 12px
}
.cp_jj_right {
width: calc(100% - 580px);
padding-bottom: 30px;
margin-left:80px;
padding-top:30px;
}
.cp_jj_right1 {
width:100%;
text-align:left;
/*bottom:0;*/
padding-top:30px;
margin-top:30px;
border-top: 1px solid #e6e6e6;
/*padding-bottom: 30px;
margin-left:80px;
margin-top:20px;
float:right;*/
}
.cp_jj_right h3 {
font-size: 21px;
font-weight: normal;
margin-top: 20px;
}
.cp_jj_right h4 {
color: #04a1e6;
font-size: 12px;
font-weight: normal;
margin-top: 25px;
margin-bottom: 25px
}
.cpxq_txt {
line-height: 28px;
margin-bottom: 8px
}
.cpxq_txt .txt1 {
font-size: 14px;
width: 105px;
display: inline-block;
height: 28px;
background: #fafafa;
text-align: center;
color: #999;
margin-right: 12px
}
.mfzx {
display: inline-block;
width: 138px;
height: 42px;
text-align: center;
background:url(../images/tmall.jpg) no-repeat;
}
.mfzx.enb,.mfzx.enb:hover{
background:url(../images/entmall.jpg) no-repeat;
}
.mfzx.jab,.mfzx.jab:hover{
background:url(../images/jatmall.jpg) no-repeat;
}
.mfzx:hover {
display: inline-block;
width: 138px;
height: 42px;
text-align: center;
background:url(../images/tmall.jpg) no-repeat;
}
.zxkf {
display: inline-block;
width: 138px;
height: 42px;
background:url(../images/jd.jpg) no-repeat;
margin-left:14px;
}
.zxkf.enb{
background:url(../images/enjd.jpg) no-repeat;
}
.zxkf.jab{
background:url(../images/jajd.jpg) no-repeat;
}
.cp_xq_btn span {
display: inline-block;
height: 48px;
line-height: 48px;
padding-left: 25px;
background: url(tpl/web/images/xq_ico.png) 0 no-repeat;
margin-right: 12px
}
.cpxq_nav {
background: #fff;
height: 67px;
border-bottom: 1px solid #e6e6e6
}
.cpxq_nav_1 {
width: 260px;
height: 68px;
margin-right: 195px
}
.cpxq_nav_2 ul li {
display: inline-block;
float: left;
line-height: 67px;
width: 120px;
text-align: center
}
.nav_cur {
border-bottom: 2px solid #00a2ea
}
.cpxq_nav_2 ul li a {
font-size: 16px;
color: #999
}
.cpxq_nav_1_txt {
margin-top:10px
}
.cpxq_nav_1_txt h5 {
font-size: 14px;
font-weight: normal;
line-height:100%;
}
.cpxq_nav_1_txt span {
font-size: 12px;
color: #04a1e6;
height: 16px;
line-height:16px;
overflow: hidden;
float: left
}
.cpxq_nav_3 {
width: 200px;
height: 68px;
background: #04a1e6;
text-align: center
}
.cpxq_nav_3 a {
color: #fff;
font-size: 16px;
line-height: 68px;
display: block
}
.cpxq_nr_1 {
/*background: #fafafa;*/
overflow: hidden;
position: relative;
z-index: 9
}
.cpxq_nr_2 {
/*background: #fff;*/
overflow: hidden;
min-height: 391px;
margin-top: -68px;
position: relative;
z-index: 8;
width: 100%
}
.cpxq_nr_3 {
background: #f3f3f3
}
.cpxq_nr_4 {
background: #fff;
overflow: hidden;
margin-top: -68px
}
.cpxq_nr_4 {
overflow: hidden;
width: 100%;
}
.cpxq_nav_2 ul div {
display: inline-block;
float: left;
line-height: 67px;
width: 120px;
text-align: center;
}
.cpxq_nav_2 ul div a{
font-size: 16px;
color: #999;
}
.cpxq_nr_5 {
background: #fff;
overflow: hidden;
height: 408px;
margin-top: -68px
}
.ggcs_txt {
width: 924px;
margin-top: 40px;
margin-left: 15px
}
.ggcs_txt div {
width: 30%;
float: left;
margin-right: 30px;
height: 80px
}
.ggcs_txt span {
font-size: 14px
}
.ggcs_txt i {
font-size: 14px;
font-style:normal;
}
#specList {
display: inline;
float: left;
margin-left: 2px;
POSITION: relative;
TEXT-ALIGN: left;
WIDTH: 100%;
HEIGHT: 80px;
OVERFLOW: hidden;
TOP: 0;
margin: 0 auto;
text-align: center;
}
#specList UL {
margin-left: 0;
POSITION: relative;
WIDTH: 100%;
text-align: center
}
#specList UL LI {
width: 80px;
display: inline;
float: none;
margin-right: 3px;
height: 80px;
padding: 0;
margin-left: 0;
margin-bottom: 0
}
#specList UL LI:nth-child(4) {
margin-right: 0
}
#specList UL LI IMG {
border-bottom: #ccc 1px solid;
border-left: #ccc 1px solid;
padding-bottom: 2px;
padding-left: 2px;
width: 80px;
padding-right: 2px;
margin-bottom: 1px;
height: 80px;
border-top: #ccc 1px solid;
border-right: #ccc 1px solid;
padding-top: 2px
}
.bigimg {
WIDTH: 800px;
HEIGHT: 800px
}
.jqZoomPup {
z-index: 10;
border-bottom: #aaa 1px solid;
position: absolute;
filter: alpha(opacity=50);
border-left: #aaa 1px solid;
width: 50px;
background: #FFF no-repeat 50% top;
height: 50px;
visibility: hidden;
border-top: #aaa 1px solid;
top: 0;
cursor: move;
border-right: #aaa 1px solid;
left: 0;
opacity: .5;
-moz-opacity: .5;
-khtml-opacity: .5
}
.zoomdiv {
width: 310px;
height: 310px;
left: 859px;
z-index: 100;
border-bottom: #e4e4e4 1px solid;
position: absolute;
text-align: center;
border-left: #e4e4e4 1px solid;
width: 310px;
display: none;
background: url(../images/loading.gif) #fff no-repeat center center;
height: 310px;
overflow: hidden;
border-top: #e4e4e4 1px solid;
top: 1px;
border-right: #e4e4e4 1px solid;
left: 0
}
.cp_list_txt h3 {
font-size: 14px;
color: #333;
font-weight: normal
}
.cp_list_txt span {
display: block;
color: #999
}
/**************鍥剧墖鍒楄〃**************/
.list_case{
width:100%;
clear:both;
float:left;
margin-top:60px;
}
.imgteaser{
overflow:auto;
float: left;
position: relative;
width:-moz-calc((100% - 80px) / 5);
width:-webkit-calc((100% - 80px) / 5);
width: calc((100% - 80px) / 5);
/*height:240px;*/
margin:0 20px 50px 0;
text-align:center;
box-sizing: border-box;
transition: all linear 0.3s;
box-shadow: rgba(0,0,0,0.0) 0 8px 20px;
}
.clst{ margin-right:0}
.imgteaser a{text-decoration: none;float: left; /* height:200px; */display:block;}
.imgteaser a .pcc{ position:relative; overflow:hidden}
.imgteaser a:hover{cursor:pointer}
.imgteaser .mpc{
position:relative;
overflow:hidden;
}
.imgteaser a .mpc img{
float:left;
border: none;
width:100%;
/*height:200px;*/
transition-duration: .5s;
-ms-transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
}
.imgteaser a .mpc:hover img{
-moz-transform: scale(1.01);
-ms-transform: scale(1.01);
-o-transform: scale(1.01);
-webkit-transform: scale(1.01);
}
.CC{
clear:both;
background:#FFF;
width:100%;
height:50px;
line-height:50px;
-webkit-transition-property: background-color;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease;
font-size:16px;}
.imgteaser a:hover .CC{
background:#14468D;
color:#FFF;
height:50px;
line-height:50px;
}
.imgteaser:hover{
box-shadow: rgba(0,0,0,0.2) 0 8px 20px;
transform:translateY(-2px);
}
.aboutvr_con {
text-align: center;
background-color: #ddd;
margin-top: 0px;
height: 650px;
box-shadow: rgba(0,0,0,0.3) 0 8px 20px
}
.aboutvr_con iframe {
width: 100%;
height: 100%;
border: 0
}
/****瑙嗛鍒楄〃***************/
.mask {
position: fixed;
width: 100%;
height: 100%;
background: #000;
opacity: .8;
-moz-opacity: .8;
filter: alpha(opacity=80);
top: 0;
left: 0;
z-index: 1000
}
.modal {
/*background: #000;*/
width: 720px;
height: 505px;
position: fixed;
_position: absolute;
display: none;
z-index: 1001;
overflow:hidden;
}
.modal .close {
position: absolute;
top: 15px;
right: 15px;
font-size: 24px;
z-index: 2
}
.modal iframe {
z-index: 1
}
.modal .close a:link,.modal .close a:visited {
color: #666;
text-decoration: none
}
.modal .close a:hover,.modal .close a:active {
color: #333;
text-decoration: none
}
.sb-xq .wrapper {
padding-bottom: 70px;
}
.sb-xq .wrapper > .box {
display: block;
width: calc((100% - 20px) / 3);
float: left;
background: #f6f6f6;
margin-bottom: 50px;
border-radius: 6px;
overflow: hidden;
cursor: pointer;
margin-right:10px;
}
.sb-xq .wrapper > .box:nth-child(3n){
margin-right:0;
}
.sb-xq .wrapper > .box .lf {
width: 34.15%;
padding: 28px 0 0 5%;
}
.sb-xq .wrapper > .box .lf .name {
font-size: 15px;
color: #383838;
font-weight: bold;
}
.sb-xq .wrapper > .box .lf .line {
width: 40px;
border-bottom: 1px solid #383838;
margin: 10px 0;
}
.sb-xq .wrapper > .box .lf .bq {
display: inline;
background: #000;
color: #fff;
font-size: 12px;
padding: 2px 8px;
border-radius: 8px;
}
.sb-xq .wrapper > .box .rt {
width: 65.85%;
height: 205px;
position: relative;
transition: all 0.2s ease;
}
.sb-xq .wrapper > .box .rt > div.cp-img {
width: 175px;
height: 175px;
border-radius: 50%;
position: relative;
position: absolute;
top: 50%;
left: 50%;
margin: -87px 0 0 -87px;
background-size: cover;
overflow: hidden;
background-repeat: no-repeat;
background-position: center;
transition: all 0.2s ease;
}
.sb-xq .wrapper > .box .rt > div.cp-img > p {
position: absolute;
top: 50%;
left: 50%;
margin: -29px 0 0 -29px;
width: 58px;
height: 58px;
border-radius: 50%;
text-align: center;
line-height: 58px;
background: rgba(255, 255, 255, 0.8);
font-size: 26px;
color: #000;
z-index: 2;
transition: all 0.2s ease;
}
.sb-xq .wrapper > .box .rt > div.cp-img .zz {
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.35);
transition: all 0.2s ease;
}
.sb-xq .wrapper > .box .active > div.cp-img {
width: 100%;
height: 100%;
top: 0;
left: 0;
margin: 0;
border-radius: 0;
}
.sb-xq .wrapper > .box .active > div.cp-img p {
opacity: 0;
}
.sb-xq .wrapper > .box .active .zz {
opacity: 0;
}
/***************浼佷笟鑽h獕**********/
.qyzz{
width:100%;
clear:both;
float:left;
overflow:hidden;
}
.zztit{
border-bottom:#f0f0f0 1px solid;
clear:both;
padding-bottom:5px;
font-size:20px;
color:#16458B;
position:relative;
margin-top:20px
}
.zztit span{
font-size:14px;
padding-left:5px;
display:inline-block;
position:relative;
bottom:-2px;
color:#9C9C9C;
}
.zztit i{
display:block;
height:2px;
width:50px;
background:#2F2F2F;
position:absolute;
left:0;
bottom:0;
}
/* carousel */
.carousel{background:#fff;margin:0px auto;padding:40px 0px 0px;/*width:950px;*/height:400px;overflow:hidden;position:relative;}
.carousel .slides{margin:0px auto 30px;overflow:hidden;position:relative;}
.carousel .slides .slideItem{padding:0px;overflow:hidden;position:absolute;cursor:pointer;opacity:1 !important;box-shadow:0 0 10px rgba(0,0,0,0.3);border-radius:5px; margin-top:10px}
.carousel .slides .slideItem a{overflow:hidden;display:block;}
.carousel .slides .slideItem img{width:100%;height:100%;}
.carousel .slides .slideItem .cover{background:rgb(0, 0, 0);left:0px;top:0px;width:100% !important;height:262px !important;display:none;position:absolute;}
.prevButton{background:url("../images/left.jpg") no-repeat left;top:136px;width:47px;height:73px;display:block;position:absolute;z-index:99;cursor:pointer;}
.nextButton{background:url("../images/right.jpg") no-repeat right;top:136px;width:47px;height:73px;display:block;position:absolute;z-index:99;cursor:pointer;}
.prevButton{left:0;}
.nextButton{right:0;}
/*****浼佷笟涓撳埄********/
.swiper-container.swiper1 {
/*width: 100%;
height: 100%;*/
height:700px;
margin-left: auto;
margin-right: auto;
margin-top:40px;
}
.swiper1 .swiper-slide {
text-align: center;
background: #fff;
height: calc((90% - 60px) / 2);
/* Center slide text vertically */
/*display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;*/
}
.swiper1 .swiper-slide div{
width:100%;
height:calc(100% - 50px);
border:#f6f6f6 1px solid;
}
.swiper1 .swiper-slide div img{
display:block;
width:100%;
max-height:100%;
}
.swiper1 .swiper-slide div p{
width:100%;
border-bottom:#DCDCDC 1px solid;
overflow:hidden;
white-space: nowrap;
text-overflow: ellipsis;
word-break: break-all;
padding-top:20px;
height:50px;
vertical-align:bottom;
}
/****浼佷笟鍏泭****************/
.swiper-container.swiper2 {
/*width: 100%;
height: 100%;*/
height:550px;
margin-left: auto;
margin-right: auto;
margin-top:40px;
padding-bottom:60px;
}
.swiper2 .swiper-slide {
text-align: center;
background: #fff;
height: calc((100% - 40px) / 2);
/* Center slide text vertically */
/*display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;*/
}
.swiper2 .swiper-slide div{
width:100%;
/*height:calc(100% - 50px);*/
border:#f6f6f6 0px solid;
}
.swiper2 .swiper-slide div img{
display:block;
width:100%;
max-height:100%;
}
.swiper2 .swiper-slide div p{
}
.form-control{
width:100%;
font-family:寰蒋闆呴粦;
color:#1A778D;
border:#CCCCCC 1px solid;
border-radius:3px;
margin-top:10px;
height:50px;
line-height:50px;
padding:0 15px;
}
.fedbtn{
display:block;
background:#14468D;
height:40px;
line-height:40px;
text-align:center;
border-radius:3px;
width:120px;
margin:20px auto 0 auto;
color:#FFF;
font-size:16px;
}
.fedbtn:hover{
background:#FE0000;
cursor:pointer;
}
/****浼佷笟濂栨澂****************/
.swiper-container.swiper3 {
/*width: 100%;
height: 100%;*/
height:300px;
margin-left: auto;
margin-right: auto;
margin-top:40px;
padding-bottom:60px;
}
.swiper3 .swiper-slide {
text-align: center;
background: #fff;
height: calc((100% - 40px) / 2);
/* Center slide text vertically */
/*display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;*/
}
.swiper3 .swiper-slide div{
width:100%;
/*height:calc(100% - 50px);*/
border:#f0f0f0 1px solid;
}
.swiper3 .swiper-slide div img{
display:block;
width:100%;
max-height:100%;
}
.swiper3 .swiper-slide div p{
display:none
}
.eng{
font-size:18px!important;
margin:0!important;
color:#000!important;
}
.news-con{
width:800px!important;
font-size:14px;
line-height:160%;
}
.news-con img{
max-width:100%;
}